.search-wrap {
  box-sizing: border-box;
  width: 100%;
  height: 90rpx;
  padding: 10rpx 40rpx;
  background-color: #fff;
  display: flex;
  align-items: center;

  .search-content {
	width: 100%;
	height: 100%;
	padding: 3rpx 4rpx;
    box-sizing: border-box;
    border: 2px solid $uni-primary;
    border-radius: 20rpx;
    display: flex;
    align-items: center;
    position: relative;

    // &::after {
    //   content: "";
    //   position: absolute;
    //   left: 0;
    //   right: 0;
    //   top: 0;
    //   width: 200%;
    //   height: 200%;
    //   border: 2px solid $uni-primary;
    //   box-sizing: border-box;
    //   border-radius: 60rpx;
    //   transform: scale(0.5);
    //   -webkit-transform-origin: 0 0;
    //   transform-origin: 0 0;
    //   pointer-events: none;
    // }

    .uni-select {
      width: 180rpx;
      height: 54rpx;
	  padding-right: 20rpx;
      border: 1rpx solid transparent;
      border-radius: 10rpx;
      border-top-right-radius: 0rpx;
      border-bottom-right-radius: 0rpx;
      border-right-color: $uni-primary;

      .uni-select__input-box {
        height: 60rpx;
      }

      .uni-select__input-text {
        font-size: 26rpx;
				color: $uni-color-3;
      }
    }

    ::v-deep .uni-select__selector-empty,
    .uni-select__selector-item {
      font-size: 26rpx;
			color: $uni-color-3;
    }

    .search-input-box {
      width: calc(100% - 330rpx);
      margin: 0rpx 5rpx 0rpx 20rpx;
      display: flex;
      align-items: center;

      .search-input {
        width: calc(100% - 50rpx);
        margin-right: 10rpx;
        font-size: 26rpx;
        font-weight: 400;
        text-align: left;
        color: $uni-color-3;
      }
    }

    .no-base-sport {
      width: calc(100% - 160rpx);
      margin: 0rpx 5rpx 0rpx 25rpx;
    }

    .search-btn {
      width: 150rpx;
			height: 100%;
      border-radius: 14rpx;
      background: $uni-primary;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #fff;
      font-size: 28rpx;
    }
  }
}

.screen-wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  padding: 14rpx 40rpx;
  background-color: #fff;
  box-sizing: border-box;
  .uni-date-x--border {
    border-radius: 16rpx;
    overflow: hidden;

    .icon-calendar {
     display: none;
    }
   }
  .uni-easyinput__content {
    border-radius: 50rpx;
  }

    .uni-date-editor--x {
      height: 60rpx;
    }

    .uni-select {
      border-radius: 16rpx;
      height: 60rpx !important;

      .uni-select__input-box {
        height: 60rpx;
      }
    }

    .uni-select__selector-empty,
    .uni-select__selector-item {
      font-size: 24rpx;
    }

    .uni-select__input-text {
      font-size: 24rpx;
    }

    .uni-date__x-input {
      height: 60rpx;
      line-height: 60rpx;
      font-size: 24rpx;
      padding-left: 12rpx;
    }
}

.common-search-uni {
  .uni-select {
    border-radius: 30rpx;
    height: 60rpx;

    .uni-select__input-box {
      height: 60rpx;
    }
  }

  .uni-select__selector-empty,
  .uni-select__selector-item {
    font-size: 24rpx;
  }

  .uni-select__input-text {
    font-size: 24rpx;
  }

  .uni-date__x-input {
    height: 60rpx;
    line-height: 60rpx;
    font-size: 24rpx;
    padding-left: 12rpx;
  }
}

.not-scrollbar {
  ::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
    color: transparent;
  }
}

.common-scroll-bar {
  .scroll-view-horizontal ::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
    color: transparent;
  }

  -webkit-overflow-scrolling: touch;
}

.common-btn{
	padding: 8rpx 22rpx;
	border-radius: 6rpx;
	font-size: 20rpx;
	color: #fff;
	background-color: $uni-primary;
}